﻿@{
    ViewBag.Title = "Modificar";
}

<body>

    


    <h2 id="titulo">Modificar</h2>
    <form id="formulario" action="@Url.Action("Modificar", "Darsena")" method="post">
        <input type="hidden" name="id" value ="@Model.id"/>
        <label>
            <span>Codigo Empresa</span>
            <br />
            <input id="empresaId" type="number" name="empresa" value ="@Model.empresa.cod" required="required"/>
            <span id="nombreEmpresa"></span>
        </label>
        <br />
        <label>
            <span>Codigo Localidad</span>
            <br />
            <input id="localidadId" type="number" name="localidad" value ="@Model.localidad.cod" required="required"/>
            <span id="nombreLocalidad"></span>
        </label>
        <br />
        <label>
            <span>Codigo Micro</span>
            <br />
            <input id="nroInterno" type="text" name="nroInterno" value="@Model.nroInterno" required="required" />
        </label>
        <br />
        <input class="boton" type="submit" value="Modificar" />
    </form>

    <br />
    <br />
    <a href="@Url.Action("Index", "Darsena")">volver</a>
    </body>

    <script type="text/javascript">
        var formulario = $("#formulario");
        formulario.submit(verificar);

        var inputEmpresa = $("#empresaId");
        inputEmpresa.blur(chequearEmpresaAjax);

        var inputLocalidad = $("#localidadId");
        inputLocalidad.blur(chequearLocalidadAjax);
        
        var inputNroMicro = $("#nroInterno");

        function verificar() {
            if (!(alphanumeric(inputNroMicro.val()))) {
                alert("El código es inválido.");
                return false;
            }
        }

        function chequearEmpresaAjax() {
            var url = "@Url.Action("ChequearEmpresaAjax", "Darsena")";

            var datos = {}
            datos.empresaId = $("#empresaId").val();

            if ((datos.empresaId != "") && (!(isNaN(datos.empresaId)))) {
                var promesa = $.get(url, datos);
                promesa.done(mostrarResultado);
                promesa.fail(mostrarError);
            }
            else {
                console.log("El código de empresa ingresado contiene caracteres inválidos");

            }
            function mostrarResultado(datosDelServidor) {
                console.log(datosDelServidor);
                $("#nombreEmpresa").text(datosDelServidor);
            }

            function mostrarError() {
                $("#nombreEmpresa").text("Empresa invalida");
            }
        }

        function chequearLocalidadAjax() {
            var url = "@Url.Action("ChequearLocalidadAjax", "Darsena")";

            var datos = {}
            datos.localidadId = $("#localidadId").val();

            if ((datos.localidadId != "") && (!(isNaN(datos.localidadId)))) {
                var promesa = $.get(url, datos);
                promesa.done(mostrarResultado);
                promesa.fail(mostrarError);
            }
            else {
                console.log("El código de localidad ingresado contiene caracteres inválidos");
            }
            function mostrarResultado(datosDelServidor) {
                console.log(datosDelServidor);
                $("#nombreLocalidad").text(datosDelServidor);
            }

            function mostrarError() {
                $("#nombreLocalidad").text("Localidad invalida");
            }
        }

        function alphanumeric(value) {
            regex = /^[a-zA-Z0-9]+$/;
            return regex.test(value);
        }

    </script>
